<template>
  <div id="warncontent">
    <div v-for="(item, index) in ContentData" :key="index" class="two">
      <span class="year">{{ item.time }}</span>
      <span class="series"
        >{{ item.name }}
        <img src="../images/severity.png" />
      </span>
      <span class="ip">{{ item.value }}</span>
      <span class="automate">{{ item.article }}</span>
    </div>
    <!-- <div class="two">
        <span class="year">2020-1-6 19:37:04</span>
        <span class="series"
          >严重
          <img src="../images/severity.png" />
        </span>
        <span class="ip">10.42.239.185</span>
        <span class="automate"
          >自动化运维系统，C的使用率当前值为99.0%，自动化运维系统，C的使用率。</span
        >
      </div> -->
  </div>
</template>
<script>
export default {
  name: "WarnContent",
  props: ["ContentData"],
};
</script>
<style scoped>
#warncontent {
  height: 350px;
}
.two {
  height: 35px;
  line-height: 35px;
  color: #39d6fe;
  font-size: 14px;
}
.year {
  margin-left: 20px;
}
.series {
  margin-left: 37px;
  color: #ff3535;
}
.ip {
  margin-left: 35px;
}
.automate {
  margin-left: 35px;
}
</style>
